.replace-bank-card-page {
	width: 100%;
	height: 100%;
	//padding-top: 1.18rem;
	//padding: 0 0.3rem;
	box-sizing: border-box;
	background-color: #f6f6f6;

	.line-1 {
		width: 100%;
		background-color: #ffffff;
		padding-top: 0.32rem;
		min-height: 2.98rem;
		margin-bottom: 0.2rem;

		.line-1-tips {
			width: 100%;
			height: 0.42rem;
			line-height: 0.42rem;
			text-align: left;
			padding-left: 0.3rem;
			color: #272727;
			font-size: 0.3rem;
			box-sizing: border-box;
			margin-bottom: 0.2rem;
		}

		.item-div {
			position: relative;
			width: 6.92rem;
			height: 1.4rem;
			margin: 0 auto 0.3rem auto;
			box-sizing: border-box;
			border-radius: 0.16rem;
			background: linear-gradient(
				90deg,
				rgba(179, 193, 229, 1) 0%,
				rgba(127, 133, 173, 1) 100%
			);

			.item-logo {
				position: absolute;
				left: 0.32rem;
				top: 0.3rem;
				width: 0.8rem;
				height: 0.8rem;
				background-color: #ffffff;
				border-radius: 0.4rem;
				box-sizing: border-box;
			}

			.item-title {
				height: 1.4rem;
				line-height: 1.4rem;
				color: #ffffff;
				font-size: 0.32rem;
				padding-left: 1.38rem;
				box-sizing: border-box;
			}
		}
	}

	.line-2 {
		width: 100%;
		//height: 3.4rem;
		background-color: #ffffff;
		padding: 0.16rem 0.3rem 0 0.3rem;
		box-sizing: border-box;
		.line-2-1 {
			width: 100%;
			height: 0.68rem;
			line-height: 0.68rem;
			color: #424242;
			font-size: 0.28rem;
			border-bottom: 0.01rem solid #ebebeb;
		}

		.line-2-2 {
			width: 100%;
			background-color: #ffffff;
			.line-2-no {
				width: 100%;
				height: 1.34rem;
				display: flex;
				flex-direction: row;
				align-items: center;
				box-sizing: border-box;
				.no-span {
					font-size: 0.32rem;
					color: #424242;
					flex: 1;
				}
				.item-right-arrow {
					width: 0.12rem;
					height: 0.22rem;
					background: url("../../../../images/icon-next-arrow.png") center
						no-repeat;
					background-size: 0.12rem 0.22rem;
				}
			}
			.bank-item {
				width: 100%;
				height: 1.44rem;
				display: flex;
				flex-direction: row;

				align-items: center;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;

				.item-left-img {
					width: 0.6rem;
					height: 0.6rem;
					margin-right: 0.1rem;
					border-radius: 0.395rem;
				}

				.item-center {
					display: flex;
					flex-direction: column;
					flex: 1;
					height: 0.78rem;
					justify-content: space-between;

					.center-top {
						font-size: 0.28rem;
						color: #424242;
						text-align: left;
					}

					.center-bottom {
						font-size: 0.24rem;
						color: #9b9b9b;
					}
				}

				.bank-right {
					margin-right: 0.06rem;
					font-size: 0.28rem;
					color: #707070;
				}

				.item-right-arrow {
					width: 0.12rem;
					height: 0.22rem;
					background: url("../../../../images/icon-next-arrow.png") center
						no-repeat;
					background-size: 0.12rem 0.22rem;
				}
			}
			.line-2-21 {
				width: 100%;
				height: 1.08rem;
				display: flex;
				flex-direction: row;
				box-sizing: border-box;
				border-top: 0.01rem solid #ebebeb;
				.item-left {
					flex: 1;
					display: inline-block;
					color: #424242;
					text-align: left;
					font-size: 0.32rem;
					line-height: 1.08rem;
				}
				.item-right {
					flex: 1;
					display: inline-block;
					color: #9b9b9b;
					text-align: right;
					font-size: 0.28rem;
					line-height: 1.08rem;
				}
			}
		}
	}

	.submit-btn {
		display: block;
		height: 0.98rem;
		font-size: 0.36rem;
		color: #ffffff;
		margin: 0.44rem 0.56rem 0.2rem;
		border-radius: 0.06rem;
		text-align: center;
		line-height: 0.98rem;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		justify-content: center;
		background-color: #ffffff;
	}

	.submit-btn-success {
		color: #ffffff;
		background: linear-gradient(
			90deg,
			rgba(0, 185, 254, 1) 0%,
			rgba(0, 160, 221, 1) 100%
		);
	}
	.btn-grey {
		margin-top: 1.64rem;
		background-color: #cbcbcb;
		border: none;
	}
}

.pop-div {
	width: 100%;
	max-height: 5.8rem;
	background-color: #ffffff;
	.pop-header {
		width: 100%;
		height: 1.2rem;
		background-color: #f8f8f8;
		display: flex;
		flex-direction: row;
		.header-left {
			width: 1.58rem;
			height: 1.2rem;
			line-height: 1.2rem;
			text-align: center;
			font-size: 0.28rem;
			color: #00a0dd;
		}
		.header-center {
			flex: 1;
			text-align: center;
			line-height: 1.2rem;
			font-size: 0.36rem;
			color: #2b2f33;
		}
		.header-right {
			width: 1.58rem;
			background: url("../../../../images/icon-open-account-close.png") 0.8rem
				center no-repeat;
			background-size: 0.38rem 0.38rem;
		}
	}
	.pop-content1 {
		padding: 0 0.44rem 0 0.3rem;
		width: 100%;
		max-height: 4.6rem;
		min-height: 1.56rem;
		overflow-y: scroll;

		.bank-item {
			width: 100%;
			height: 1.44rem;
			display: flex;
			flex-direction: row;
			align-items: center;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border-bottom: 0.01rem solid #f6f6f6;
			.item-left-img {
				width: 0.6rem;
				height: 0.6rem;
				margin-right: 0.24rem;
				border-radius: 0.3rem;
			}

			.item-center {
				display: flex;
				flex-direction: column;
				flex: 1;
				height: 0.78rem;
				justify-content: space-between;

				.center-top {
					text-align: left;
					font-size: 0.28rem;
					color: #424242;
				}

				.center-bottom {
					text-align: left;
					font-size: 0.24rem;
					color: #9b9b9b;
				}

				.center-no {
					text-align: left;
					line-height: 0.78rem;
					font-size: 0.28rem;
					color: #424242;
				}
			}

			.item-right-arrow {
				width: 0.4rem;
				height: 0.29rem;
				background: url("../../../../images/icon-open-account-select.png")
					center no-repeat;
				background-size: 0.4rem 0.29rem;
			}
		}
		.bank-item-2 {
			height: 1.56rem;
		}
	}
}
